<template>
  <div class="con">
    <el-steps class="el" :active="num" align-center>
      <el-step v-for="(item,index) in proDtetail" :key="index" :title="item.status_name" :description="item.created_at" />
      <!-- <el-step title="已派单" description="这是一段很长很长很长的描述性文字" />
      <el-step title="执行中" description="这是一段很长很长很长的描述性文字" />
      <el-step title="已完成" description="这是一段很长很长很长的描述性文字" />
      <el-step title="已确认" description="这是一段很长很长很长的描述性文字" /> -->
    </el-steps>
    <!-- <div class="btnBox">
      <el-button class="btn" type="primary" size="mini" @click="closed()">关闭</el-button>
    </div> -->
  </div>
</template>
<script>
export default {
  name: 'progress',
  props: ['proDtetail', 'num'],
  data() {
    return {
      closeds: false,
      arr: [],
      activeNum: ''

    }
  },
  created() {
  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
.btnBox{
  width: 100%;
  display: flex;
  flex-direction: row-reverse;
  margin-top: 20px;
  // border-top:1px solid #eee;
}

</style>
